<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
    $(function() {
        $("#dialog").dialog();
    });
</script>
<html:html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="./css/estilo.css" type="text/css" /> 
        <title><bean:message key="welcome.title"/></title>
        <%@include file="cabecera.jsp" %>

    </head>
    <body>
        <div class="contenedor">
            <h1>Modificar mis datos personales</h1>

            <logic:notEmpty name="msg">
                <p id="dialog"><bean:write name="msg" /></p>
            </logic:notEmpty>

            <html:form action="/EditarCliente2">

                <div class="datagrid2">
                    <table>
                        <tr>
                            <td class="campo">Nombre</td>
                            <td class="valor"><html:text name="cliente" property="nombre" /></td>
                        </tr>
                        <tr>
                            <td class="campo">Apellido 1</td>
                            <td class="valor"><html:text name="cliente" property="apellido1" /></td></tr>
                        <tr>
                            <td class="campo">Apellido 2</td>
                            <td class="valor"><html:text name="cliente" property="apellido2" /></td></tr>
                        <tr>
                            <td class="campo">Telefono</td>
                            <td class="valor"><html:text name="cliente" property="telefono" /></td></tr>
                        <tr>
                            <td class="campo">E-Mail</td>
                            <td class="valor"><html:text name="cliente" property="email" /></td></tr>
                        <tr>
                            <td class="campo">Direccion</td>
                            <td class="valor"><html:text name="cliente" property="direccion" /></td></tr>
                        <tr>
                            <td class="campo">CP</td>
                            <td class="valor"><html:text name="cliente" property="cp" /></td></tr>
                        <tr>
                            <td class="campo">Localidad</td>
                            <td class="valor"><html:text name="cliente" property="localidad" /></td></tr>
                        <tr>
                            <td class="campo">Provincia</td>
                            <td class="valor"><html:text name="cliente" property="provincia" /></td></tr>
                        <tr>
                            <td class="campo">Pais</td>
                            <td class="valor"><html:text name="cliente" property="pais" /></td></tr>
                        <tr>
                            <td class="campo"></td>
                            <td class="valor"><html:hidden name="cliente" property="pkCliente"/>
                                <html:submit property="modificar" value="Actualizar"/></td>
                        </tr>
                    </table>
                </div>


            </html:form>
            <br/>
            <div class="volver">
                <html:link action="/VolverMenuCliente">Volver</html:link>
                </div>
            </div>
        <%@include file="pie.jsp" %>
    </body>
</html:html>
